<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!-- 设置 viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="mengnn" content="robot,HTML5">
    <!-- IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 兼容国产浏览器的高速模式 -->
    <meta name="renderer" content="webkit">
		<title>机器人聊天室</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/chat.css"/>
	</head>
	<body>
		<div id="chat" class="clearfix">
			<div id="message">
				<div class="clearfix">
					<div class="left">
						<div class="com_image">
							<img src="images/robot.jpg"/>
						</div>
						<div class="left_message">
							<div class="left_floag"></div>
							<div class="left_msg">
								<p>您好，欢迎来到孟繁胜游</p>
							</div>
						</div>
					</div>
				</div>
				<!--<div class="right">
					<div class="person_image">
						<img src="img/ca3bb318b4028dd1b47ff051be92c653.jpeg"/>
					</div>
					<div class="right_message">
						<div class="right_floag"></div>
						<div class="right_msg">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus ullam possimus officia perferendis nam tempora eligendi animi iure voluptate sunt molestias ducimus nisi consequatur recusandae unde! Neque nesciunt ea aperiam.</p>
						</div>
					</div>
				</div>-->
			</div>

			<div id="user_input">
				<!-- <textarea cols="30" rows="2" width="60%"></textarea> -->
				<input class="input_txt" type="text" style="">
				<button id="send">发送</button>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/chat.js" type="text/javascript" charset="utf-8"></script>
	<script>
		var H=$(window).height();
		var messageH=H-60;
		$("#message").height(messageH);
	</script>
</html>
